Que lo disfruten |
|
▼ |
Supongo que a estas alturas ya habréis leído frases maravillosas sobre el espíritu navideño y peticiones de deseos para este nuevo año que está a punto de llegar.
Aquí no, no van a leer un poema maravilloso (más quisiera yo) ni un texto diferente a los que están acostumbrados a leer en este blog.
Tampoco es un villancico ni nada que se le parezca, son unas simples líneas para decir en voz alta lo que pienso en estos momentos.
He recibido comentarios divinos, correos cargados de buenos deseos, postales geniales !creadas por vosotros¡ es maravilloso y no me canso de repetirlo hay magia en este medio. Independientemente que sea navidad o no, esa magia está ahí, se palpa y se respira, se ve... Yo diría que hasta se puede tocar.
La primera vez que oí la palabra "virtual" me sonaba a fantasía.
Luego descubrí que virtual significa falso, ficticio… me di cuenta que no andaba muy desencaminada y me enfadé conmigo misma porque da menos problemas que enfadarse con los demás.
Me enfadé porque no comparto la idea de pensar que este mundo irreal. Habrá de todo, como también lo hay por la calle, personas con buenos sentimientos y otras que disfrutan haciendo mal.
Quiero dar las gracias por ser como son y cruzarse en mi camino, quiero decirles que aunque no actualice el blog a diario sigo estando, sigo leyendo sus comentarios y contestando lo antes posible en la medida que mi tiempo me lo permite. Les doy las gracias por su paciencia y confianza.
Mañana es noche buena y pasado navidad... son días familiares, espero que lo pasen bien y estén acompañados.
Disfrútenlos hay más días para postear y ahí fuera también hay vida.
Felices Fiestas y Gracias.
¿Solidaridad? ¡Si, gracias ! |
|
▼ |
Esta vez no es un premio, no se trata de nominar a nadie ni escoger 7 blogs porque nos gustan o sus autores sean solidarios.
Se trata de mostrar esa solidaridad a través de un botón en nuestro blog. Bukoowski y Yolanda han sido los promotores de la idea.
Consiste en crear un logo cuyo significado sea "Unión, amistad, colaboración, solidaridad"
El plazo se abre el 17 de diciembre hasta las 12´00 horas del 28 de diciembre.
- El logo debe ser tamaño pequeño tipo botón de likeo.
- Tema del diseño no especifico, pero preferiblemente de unión entre todos los bloggers.
- La forma de enviar el logo será añadiendo la url del mismo en los comentarios del post que Yolanda muestra en su blog.
- Las votaciones serán los días 29 y 30 de diciembre en los mismos comentarios donde podemos dejar la url del logo.
Por si acaso algo no ha quedado claro encontraréis información más detallada sobre esta iniciativa en Cabalas Virtuales.
Los Clips de Gmail |
|
▼ |
Estaba ahí y no había reparado en el detalle, a lo mejor vosotros si, pero con las prisas una va derecha a lo que va hasta que lo descubres.
En la cabecera de nuestro correo de Gmail solemos ver unos enlaces.
Hasta que ayer mismo me doy cuenta que era de un blog muy conocido. Ahí va... que lujazo pensé, que popularidad aparecer en los correos eso si que es un PageRank y lo demás es tontería.
En configuración de nuestro correo tenemos varias opciones:
General-Cuentas-Etiquetas-Filtros - Reenvío y correo-POP-Chat-Clips de la web
Cada uno nos da la opción de ser configurado para personalizar nuestro correo.
En Clips de la web nos brinda la posibilidad de añadir clips.
¿Qué son los clips?
Los Clips de la web muestran titulares de noticias, sugerencias de Gmail, blogs, cualquier feed RSS y Atom , vínculos patrocinados relevantes y mucho más, justo encima de Recibidos y tus mensajes.
La finalidad de los clips es recibir actualizaciones de nuestros sitios favoritos sin salir de Gmail. Es decir de aquellos que previamente añadimos.
Los clips de los feeds RSS y Atom se muestran de forma aleatoria, y no están orientados en función del contenido de nuestro correo.
Normalmente y antes de añadir nuestros clips se van mostrando aquellos que escogimos al configurar nuestra cuenta.
Por supuesto nadie dice que esto sea el mayor descubrimiento de la historia y si no deseamos mostrar nuestros clips podemos prescindir de ellos desmarcando la casilla en "Mostrar mis clips de la web por encima de Recibidos"
He probado a añadir algunos, estos son los pasos a seguir:
Accedemos a la cuenta de Gmail.Clicamos en Configuración, en la parte superior de cualquier página de Gmail, y abrimos la pestaña Clips de la web.
Buscar por tema o por URL.
Yo opte por pegar la URL de los blogs que deseaba añadir.
Si deseamos añadir un clip añadido en los populares de Gmail examina los clips populares selecciona el vínculo de un tema en el lateral izquierdo.
Clica en Añadir junto a los clips que deseas visualizar en tu cuenta de Gmail.
Conforme vamos añadiendo clips se irán mostrando de esta forma:
Una vez terminamos el proceso nuestros clips aparecerán de forma aleatoria en la cabecera de nuestro correo.
Si no tenemos muy claro que tipo de titulares deseamos ver cada día podemos dar una vuelta entre diferentes temáticas que nos muestran: Noticias,Empresa,Estilo de vida, Deportes,Tecnología y Diversión.
Y eso es todo, que lo disfruten.
Lytebox "Visor de imágenes-Slideshow-Iframe" |
|
▼ |
Si piensas añadir Lytebox te recomiendo leer antes esta entrada.
<script type="text/javascript" language="javascript" src="archivo-lytebox.js"></script>
<link rel="stylesheet" href="archivo-lytebox.css" type="text/css" media="screen" />
Una vez guardados los cambios para ver los efectos tenemos tres opciones.
Añadirlo a una imagen única incluyendo la etiqueta rel="lytebox" al enlace.
<a href="Url-de-la-imagen" rel="lytebox" title="Título">texto o imagen</a>
¿Cómo añadimos una imagen en lugar de texto?
Sustituyendo texto o imagen por <img src="url-de-la-imagen">
<img style="width:150px;height:200px;"src="url- de -la imagen"/>
Con width le damos anchura y con height altura.
Hacerlo en un grupo de imágenes añadiendo la etiqueta rel="lytebox[gema]"
(Sustituir gema por el nombre adjudicado al grupo de imágenes) ejemplo: paisajes, flores...
<a href="Url-de-la-imagen" rel="lytebox[gema]" title="Título">texto o imagen 1</a><a href="Url-de-la-imagen" rel="lytebox[gema]" title="Título">texto o imagen 2</a><a href="Url-de-la-imagen" rel="lytebox[gema]" title="Título">texto o imagen 3</a>
Crear un Slideshow añadiendo la etiqueta rel="lyteshow[gema]" (Sustituir gema por el nombre adjudicado al grupo de imágenes) en el siguiente ejemplo: Plumajes
<a href="Url-de-la-imagen" rel="lyteshow[Plumajes]" title="Título">texto o imagen 1</a><a href="Url-de-la-imagen" rel="lyteshow[Plumajes]" title="Título">texto o imagen 2</a><a href="Url-de-la-imagen" rel="lyteshow[Plumajes]" title="Título">texto o imagen 3</a>
<a href="iframe-único" rel="lyteframe" title="Título">texto o imagen</a>
Al usar lyteframe podemos añadir barra de scroll y escoger tamaño, lo haremos con la etiqueta rev<a href="Url-de-la-pagina" rel="lyteframe" title="Título"rev="width: 400px; height: 300px; scrolling: no;">texto o imagen</a>
En "Título" añadimos el título de la imagen.Donde "Url-de-la-imagen" y "Url-del-iframe" la Url correspondiente según el caso.
En "texto o imagen" escribiremos el texto que servirá de enlace. Si es una imagen sustituiremos "texto o imagen" por <img src="url-de-la-imagen">
"Añadir a nuestra ventana modal las imágenes"
La forma más sencilla de modificar un archivo es localizarlo en el Bloc de notas.
¿Dónde está ese Bloc de notas?
Una vez localizado lo modificamos según requiere, es decir añadiendo la url de cada imagen de forma que coincida nombre y color.
"Pasos a seguir para añadir las imágenes al archivo CSS"
Una vez tenemos la url de la imagen localizamos en el archivo CSS donde dice:
#lbLoading {
position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
Añadiremos la url de la imagen en lugar de “images/loading.gif”
Ahora vamos a añadir la imagen "Close"
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url(images/close_grey.png) no-repeat; }
#lbClose.red { background: url(images/close_red.png) no-repeat; }
#lbClose.green { background: url(images/close_green.png) no-repeat; }
#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
#lbClose.gold { background: url(images/close_gold.png) no-repeat; }
Para utilizar el Slideshow de Lytebox es necesario añadir todas las imágenes de un mismo color.
Lytebox css con imágenes grey.
La demo de estos ejemplos la podéis ver en el siguiente blog de pruebas.
Imagen de fondo en las entradas con HTML y CSS |
|
▼ |
Hay dos formas de añadir una imagen de fondo a las entradas.
Una es modificando nuestra plantilla en concreto la CSS lo que hará que la imagen de fondo aparezca en todas las entradas.
Para ello nos situamos en Plantilla de diseño/Edición HTML buscamos:
.post-body {
clear: both;
padding-top: 10px;
}
Y lo sustituimos por lo siguiente:
.post-body {
background: url(url-de-la-imagen) top left;
clear: both;
padding-top: 10px;
}
Si deseamos que la imagen sólo sea visible en algunas entradas entonces optaremos por añadir el siguiente código en la plantilla de entrada: Configuración/Formato/Plantilla de entrada de esta forma aparecerá en nuestro editor de entradas de forma automática sin necesidad de copiar y pegar cada vez.
|
Para añadir un borde a la imagen aumentaremos border="0" a border="1" en este caso también podemos escoger el color del borde en bordercolor="#000000"
Cuidaremos que la imagen tenga la misma medida que el espacio de nuestras entradas para que no se repita o añadiremos una imagen tipo degradado.
!Suerte Joaquin ¡
NanoScan analizador de virus instantáneo |
|
▼ |
De la mano de Panda llega esta potente herramienta online con la que matan dos pájaros de un tiro, mejoran considerablemente en lo que fallan otros analizadores de virus y demás amenazas, la velocidad y le dan un enfoque muy 2.0. Según sus cifras detecta más de 2.718.070 virus, spyware y otras amenazas, descubre amenazas que aún no conoce gracias a la tecnología TruPrevent, en un minuto se descarga y realiza el análisis y ocupa solamente unos 400K. La definición exacta:
Es un analizador ``instantáneo´´ de virus, spyware y otras amenazas. En menos de un minuto es capaz de detectar una enorme cantidad de amenazas que puedan estar ejecutándose ahora mismo en tu PC. De hecho no te sorprendas si encuentra virus, spyware o troyanos activos en tu PC, aunque tengas antivirus actualizado.
Así describe esta potente herramienta de Panda Elías Notario, más sobre este articulo en Xyberneticos
Fuente:Xyberneticos
Enlace: NanoScan
Filosofando... |
|
▼ |
Diciembre, mes de los buenos deseos, nuevos proyectos y programación de un nuevo futuro. Un mes capaz de reunir a familias, de recordar amistades, de pensar más de la cuenta en los errores pasados. Y si ya son pasados ¿para qué pensar? Navidad, navidad, dulce navidad... Ahora no me inquieta la navidad, quizás en un futuro… Ahora la recibo como cualquier fecha festiva marcada en color rojo en nuestro calendario. Navidad, navidad, dulce navidad... |
Etiquetas en desplegable con y sin color |
|
▼ |
Archivos, enlaces, y cualquier cosa que deseamos añadir que requiere ocupar menos espacio. Los desplegables son una solución y así lo ve American Peroxide que desea añadir las etiquetas en un desplegable.
La forma de crear este desplegable es muy sencilla, lo explicamos en esta entrada como recurso para añadir enlaces.
El resultado será diferente según mostremos las categorías en nuestro blog.
Por ejemplo yo tengo las etiquetas de manera que al clicar en una categoría se muestran los títulos con la opción de expandir la entrada sin salir de la página.
Otros blogs las tienen de forma que al clicar se muestran todas las entradas completas.
<select class="combobox" name="SiteMap" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1">
<option selected>Texto inicial</option>
<option value="url-de-la-pagina">texto visible </option>
<option value="url-de-la-pagina">texto visible </option>
</select>
Lo que haremos será añadir el texto con el nombre de la etiqueta y la url que nos llevará a la página donde todas las entradas con dicha etiqueta son mostradas.
Para conseguir la url bastará con clicar en una etiqueta de nuestro blog y copiar la dirección que aparece en ese momento en la barra del navegador.
Una vez tenemos el desplegable terminado ya podemos guardar los cambios.
Podemos agregarlo a nuestra sidebar si añadimos el código en Página de diseño/añadir un elemento de página/HTMLjavascript
Personalizar nuestro desplegable sería el último paso lo podemos hacer agregando unas líneas de código a los CSS por ejemplo justo antes de ]]></b:skin>
.combobox {
background:#000;
border: 2px solid#cccccc;
font-size: small;
color: #ffffff;
}
Naturalmente los colores los podéis modificar a vuestro gusto !Suerte¡
Pikifx , agrega marcos, color y efectos a tus imágenes. |
|
▼ |
ESTA HERRAMIENTA YA NO ESTÁ ONLINE
Ya no tienes excusa si deseas crear una tarjeta navideña.
- Resize: Ampliar o disminuir el tamaño de nuestras imágenes.
- Crop: Cortar imágenes
- Effects: Efectos que se agrega automáticamente.
- Borders: Gran cantidad de bordes y estilos, marco de cuadro, efecto polaroid, película, difuminado y un largo etc...
- Add Text: Para agregar texto, y utilizar muchos efectos en ellos.
Aquí una pequeña muestra de lo que se puede hacer con Pikifx:
Fuente: Xyberneticos
Logos llamativos |
|
▼ |
Em@il Urbano me pedía una página donde poder crear un logo, naturalmente páginas hay muchas, yo me decanto por las que ofrecen imágenes para el fondo del logo y de esa forma agregar el texto con el editor de imágenes. Pero ella no busca un logo cualquiera, ella quiere un logo...
"para gente como yo, algo atrevida en los blog"
He buscado en mi carpeta "de todo un poco" es la carpeta donde guardo todo lo que se supone que el día que tenga tiempo repasaré e iré desechando todo lo que no tenga interés.
Por lo pronto he apartado como de interés un enlace a Spiffytext creo que la vi hace tiempo en Vagabundia es una página al estilo de Text2logo que en su día ya hablé sobre ella.
Navegando sobre esa página podemos crear logos verdaderamente llamativos, todo depende de la combinación de colores y el efecto que deseamos darle.
La variedad es bastante amplia y podemos escoger el modelo y color de letra y al mismo tiempo un fondo.
El inconveniente siempre suele ser el mismo, el nombre de la página impreso en el logo, que por otra parte es normal. Pero podemos solucionarlo recortando la imagen con un editor de imágenes o si somos un poco mañosos incluso coloreando esa parte del color de fondo.
Pullquotes |
|
▼ |
...añadiendo
pullquotes en una entrada.
¿Qué tal si probamos?
Suerte..
Crear una entrada diferente no es tan difícil sobre todo cuando tenemos una ayuda extra por parte de Mandarin Design
Hay que perder el miedo y no pensar que nos va a salir mal, después de todo vamos a probar en una entrada y si cometemos errores la eliminamos y listo.
Lo que vamos a hacer es añadir pullquotes.
Se trata de crear un espacio para añadir un tipo de letra más grande en la misma página, sirve para conducir a los lectores en un artículo y para destacar un tema en especial. Se utiliza principalmente en el periodismo y la edición.
...texto pullquote
texto pullquote - texto pullquote
texto pullquote - texto pullquote
texto pullquote texto pullquote...
La forma de hacerlo es tan sencilla como copiar y pegar el siguiente código.
He distinguido con diferente color para saber donde situar el texto del pullquote (color azul) y texto de la entrada color (verde) espero que ahora si ¿verdad Jaime?
<div style="background: white none repeat scroll 0% 50%; color: rgb(56, 46, 46); width: 150px; height: 100px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; opacity: 0.9; float: right; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; line-height: 16px; text-align: right;">
<span style="opacity: 0.75;">...texto pullquote</span>
texto pullquote - texto pullquote
<b>texto pullquote - texto pullquote</b>
texto pullquote <span style="opacity: 0.9;">texto pullquote...</span>
</div>
<p style="text-align: justify;">texto de la entrada-texto de la entrada-texto de la entrada
</p><p style="text-align: justify;">
</p>
<div style="clear: both;">
</div>
Más sobre pullquotes
layout.........
Hay muchas formas para decorar un pullquote y hacer que este sea un punto de atención que es de lo que se trata, enmarcarlo como en este ejemplo de Mandarin Design
O como en este caso... jugando con el padding, margin y width del código.
Imagen de fondo...
De lo que se trata es de perder el miedo a los resultados, de probar no sólo con estos ejemplos sino con otros muchos que nos pueden hacer pasar un rato agradable y obtener efectos originales para nuestras entradas.
<p style="border: 0px solid black; margin: 20px; padding: 47px; background: transparent url(Url-de-la-imagen) repeat scroll 0% 50%; float: right; width: 30%; font-size: 0.8em; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
<strong>Texto sobre imagen...</strong>
</p>
Texto de la entrada.
Más sobre Blockquotes
Open ID - Sistema de identificación libre. |
|
▼ |
A estas alturas todos deben saber que en Blogger será posible usar el sistema de identificación libre, Open ID para el sistema de comentarios.
Con Open ID conseguimos que usuarios de otras plataformas como Wordpress, Live Journal, TypeKey o una cuenta Open ID puedan mostrar su blog (enlace) en los comentarios.
Otra de las ventajas de comentar dejando enlace es saber con certeza que la persona que comenta es en realidad la que dice ser.
Para añadir este sistema hay que acceder a Blogger Draft en Configuración deberemos clicar en la pestaña de Comentarios.
Donde dice Persona que puede realizar los comentarios marcamos Usuarios registrados - incluido OpenID
Guardamos los cambios y desde ese momento en el lugar donde escribimos los comentarios aparecerá un desplegable.
Hay que resaltar que aunque en un principio todo hacía pensar que habilitando la opción OpenID los comentarios como "Alias" y "Anónimo" quedaban excluidos no es así en todos los blogs. En el caso por ejemplo de El escaparate de Rosa se puede apreciar las dos opciones.
Como le decía a Rosa supongo que todo será por estar en fase de prueba, mientras tanto solo queda esperar que Blogger lo aplique a todos los blogs o probar como decía anteriormente accediendo por Blogger Draft.
Online Image Editor |
|
▼ |
Un par de entradas anteriores hablábamos sobre Fotline una aplicación online que nos proporciona la posibilidad de generar efectos de agua en imágenes.
El inconveniente de esa aplicación es el texto impreso del logotipo de la página. En los comentarios la autora de La Bloguería me hizo llegar la página de un editor de imágenes Online Image Editor
Un editor donde podemos recortar y modificar imágenes animadas sin que éstas pierdan efecto.
El editor tiene varias funciones, también podemos añadir efectos a las imágenes todo depende de la imaginación de cada uno y la utilidad que deseamos darle.
Aporte de: La Bloguería
Mandarin Design (Generadores) |
|
▼ |
Han quedado estupendas ¿verdad? me refiero a las imágenes, a simple vista parecen obra del Photoshop y nada más lejos.
Se trata de un generador que he descubierto en la página de Mandarin Design lo podéis encontrar en TypoGenerator.
Consiste en escoger la forma que deseamos para la imagen (cuadrada o alargada) ingresamos un texto y marcamos en text style, colors, background clicamos en "try again" y nos genera una imagen.
Podemos jugar e ir cambiando estilo de texto, color y fondo y los efectos serán completamente distintos. No sé si será útil pero es muy curioso.
Como también curioso es conseguir este otro efecto. No hace falta imágenes, el resultado es ya bastante llamativo.
atrévete
a jugar
con códigos
¿Cómo hacerlo? copia y pega el siguiente código sustituyendo AQUI-TEXTO por tu texto.
Puedes cambiar los colores de los marcos en solid tamaño del texto en font-size en color el color del texto y background para el fondo.
<div style="width: 325px;padding:10px; background-color: black;">
<span style="border: 5px solid pink;margin-left:10px; margin-top: 10px; font-size: 90px; line-height: 1.1em;color:white; font-weight: bold; letter-spacing: -10px;">AQUI-TEXTO</span>
<span style="border: 1px solid yellow; width: 60px; height: 60px; margin-left: -3px; font-size: 80px; color: deeppink; font-weight: bold;">AQUI-TEXTO</span>
<b style="border: 1px solid lime;margin-top: -20px; color: gold; width: 90px; font-size: 40px; font-style: italic; line-height: 1.2em;">AQUI-TEXTO</b>
<div style="border: 2px solid pink;color: rgb(96, 119, 167); font-weight: bold; margin-left: 10px; margin-top: -10px; font-size: 60px; line-height: 1.1em;">AQUI-TEXTO</div>
</div>
¿Lo intentamos?
atrévete
a jugar
con códigos
Fotline (Reflejos de agua en las imágenes) |
|
▼ |
Fotline es una aplicación donde de forma sencilla puedes crear imágenes con efecto de agua sin necesidad de descargar ningún programa, los formatos de imagen permitidos son gif, jpg, png ó bmp
Proporciona los códigos para compartirlo en correos electrónicos, sitios web, redes sociales y foros.
Cosas a favor: Muy sencillo.
Inconvenientes: En la imagen queda impreso el nombre de la página (de no tenerlo sería perfecto)
Más sobre efectos de agua SqirlzReflect
Fuente:Genbeta